<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/main.css">
</head>

<body>
  <div class="container">
    <div class="list-header flex">
      <form action="" class="flex">
        <img src="./images/icon-home.png" alt="">
        <div class="inner flex">
          <input type="text" value="web前端">
          <span>&times;</span>
        </div>
        <button>搜索</button>
      </form>
    </div>
    <div class="filter flex">
      <dl class="active1">
        <dt>经验</dt>
        <dd>
          <ul>
            <li class="active">不限</li>
            <li>应届生</li>
            <li>1年以内</li>
            <li>1-3年</li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>经验</dt>
        <dd>
          <ul>
            <li>不限</li>
            <li>应届生</li>
            <li>1年以内</li>
            <li>1-3年</li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>经验</dt>
        <dd>
          <ul>
            <li>不限</li>
            <li>应届生</li>
            <li>1年以内</li>
            <li>1-3年</li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>经验</dt>
        <dd>
          <ul>
            <li>不限</li>
            <li>应届生</li>
            <li>1年以内</li>
            <li>1-3年</li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>经验</dt>
        <dd>
          <ul>
            <li>不限</li>
            <li>应届生</li>
            <li>1年以内</li>
            <li>1-3年</li>
          </ul>
        </dd>
      </dl>
    </div> 
      <ul class="job-list">
        <li>
          <a href="" class="flex">
            <img src="./images/list-img.jpg" alt="">
            <div class="text">
              <div class="title flex">
                数据分析师
                <span class="salary">15-30k</span>
              </div>
              <div class="company">滴滴</div>
              <div class="props">
                <span>杭州</span>
                <span>3-5年</span>
                <span>本科</span>
              </div>
            </div>
          </a>
        </li>
      </ul>
  </div>
</body>

</html>